<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="utf-8">
	<title>分组元素</title>
	<style>
		h3{
			color: green;
		}
	</style>
</head>
<body>

	<p> p表示一个段落 </p>
	<p> 另一个段落 </p>

	<div> div这是一个通用分组 </div>
	<div> 另一个通用分组 </div>

	<blockquote> 这是一个大段银子他出的内容这是一个大段银子他出的内容这是一个大段银子他出的内容这是一个大段银子他出的内容这是一个大段银子他出的内容这是一个大段银子他出的内容这是一个大段银子他出的内容这是一个大段银子他出的内容这是一个大段银子他出的内容 </blockquote>

	<pre>
		000000
				0000000
00
			00000
	</pre>

	<hr>

<!-- 无序列表 -->
    <h3>无序列表</h3>  
    样式一：disc（默认值，实心圆）  
    <ul type="disc">  
        <li>列表一</li>  
        <li>列表二</li>  
        <li>列表三</li>  
    </ul>  
  
    样式二：circle（空心圆）  
    <ul type="circle">  
        <li>列表一</li>  
        <li>列表二</li>  
        <li>列表三</li>  
    </ul>  
  
    样式三：square（方块）  
    <ul type="square">  
        <li>列表一</li>  
        <li>列表二</li>  
        <li>列表三</li>  
    </ul>  

<!-- 有序列表 -->
	<h3>有序列表</h3>  
    样式一：整数（默认值）  
    <ol>  
        <li>列表一</li>  
        <li>列表二</li>  
        <li>列表三</li>  
    </ol>  
    样式二：大写字母  
    <ol type="A">  
        <li>列表一</li>  
        <li>列表二</li>  
        <li>列表三</li>  
    </ol>  
    样式三：小写字母  
    <ol type="a">  
        <li>列表一</li>  
        <li>列表二</li>  
        <li>列表三</li>  
    </ol>  
    样式四：小写罗马字母  
    <ol type="i">  
        <li>列表一</li>  
        <li>列表二</li>  
        <li>列表三</li>  
    </ol>  
    样式五：大写罗马字母  
    <ol type="I">  
        <li>列表一</li>  
        <li>列表二</li>  
        <li>列表三</li>  
    </ol>  
  
    <p> 修改 start 开始序号，其中值只能是数字 </p>
    <ol start="4">  
        <li>列表一</li>  
        <li>列表二</li>  
        <li>列表三</li>  
    </ol>  
  
    <p> 针对单个列表项修改value </p>
    <ol>  
        <li>列表一</li>  
        <li>列表二</li>  
        <li value="10">列表三</li>  
        <li>列表四</li>  
        <li>列表五</li>  
        <li value="200">列表六</li>  
        <li>列表七</li>  
    </ol>  
<!-- 自定义列表 -->
    <h3> 自定义列表 </h3>
	<dl>  
        <dt>计算机</dt>  
        <dd>用来计算的仪器。。。。</dd>  
        <dt>显示器</dt>  
        <dd>以视觉方式显示信息的装置。。。。。</dd>  
    </dl>  

<!-- figure图片 -->
	<h3> 使用插图 </h3>
	<figure>
		<figcaption>
			这是一张图片
		</figcaption>
		<img src="../img/baidu_logo.png">
	</fifure>
</body>
</html>